<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <meta name="keywords" content="">
        <meta name="deacription" content="">
        <link rel="stylesheet" href="./">
        <title></title>
        
    </head>
    <body>
        <div id="app">
            <!-- <button v-on:click = "handleClick">按钮 </button>
            <div style="width: 200px; height: 200px; background: #3a6cf5;" v-on:mousemove="handleMove"></div>
            <input type="text" v-on:input="handleInput"> -->

            <!-- v-on简写 -->
            <!-- <button @click = "handleClick">按钮 </button>
            <div style="width: 200px; height: 200px; background: #3a6cf5;" @mousemove="handleMove"></div>
            <input type="text" @input="handleInput"> -->

            <button @click = "handleClick">按钮 </button>
            <div style="width: 200px; height: 200px; background: #3a6cf5;" @mousemove="handleMove(1, 'jack', false, { name: 'rose' })"></div>
            <input type="text" @input="handleInput(1, 'jack', false, { name: 'rose' },$event)">
        </div>
        <script src="../js/vue.js"></script>
        <script>
            const vm = new Vue({
                data:{},
                methods:{
                    handleClick(){
                        console.log("hello click",arguments)
                    },
                    handleMove(){
                        console.log("hello move",arguments);
                    },
                    handleInput(){
                        console.log("hello input",arguments);
                    },
                },
            });

            vm.$mount("#app");


        
        </script>
    </body>
</html>